<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>签到</title>
         <style type="text/css">
            body {
                margin: 0;
                background: url(../../img/signup.png) no-repeat center center;
                position: fixed;
                background-position:0% 0%;  
                background-size:cover; 
            }
            .avatar {
                 display:block;
                 top:50%;
                 left:45%;
                 position:fixed;
                 border:1px solid #fff;
                 text-align:center;
             }
             .message {
                 display:block;
                 top:950px;   
                 left:16%;
                 position:absolute;
                 font-family: '隶书';
                 font-weight: 600;
                 font-size: 40px;
                 text-align:center;
                 height:80%;
                 width:500px;
             }
        </style>
    </head>
    <body id="bodyId">
        <div class="avatar">
        </div>
        <div class="message"><%=message%></div>

        <div id="mainIP" hidden="hidden"><%=userid%></div>
    </body>
    <script src="../../js/jquery.js"></script>
<script src="../../js/redcanvus/phaser.min.js"></script>

    <script type="text/javascript">
        
        $(function() {
            var userid = $("#mainIP").html();
            addCookies(userid);

            getWidthAndHeigth();
        })
        function addCookies(userid){
            var time = new Date();
                time.setTime(time.getTime() + 1000*3600*24*100);//设置失效时间 100天
            document.cookie = 'userid=' + userid +';expires=' + time.toGMTString(); 
        }

        function getWidthAndHeigth(){
            var width = $(window).height();
            var heigth = $(window).width();
            $("#bodyId").css({
                "heigth":heigth,
                "width":width
            })
        }
    </script>
</html>